<!DOCTYPE html>
<html>
<head>
	<title>在岗人员列表</title>
	<#include "/header.html">
</head>
<body>
<div id="rrapp">
	<div class="grid-btn">
		<div class="form-group col-sm-2">
			<input type="text" class="form-control" v-model="q.empName" @keyup.enter="query" placeholder="员工名">
		</div>
		<a class="btn btn-default" @click="query">查询</a>
		<a class="btn btn-primary" @click="switchOffice">定职</a>
		<!--<el-dialog title="选择状态与原因" :visible.sync="dialogFormVisible">
			<el-form >
				<el-form-item label="状态" :label-width="formLabelWidth">
					<el-select v-model="status" placeholder="请选择">
						<el-option
								v-for="item in statusType"
								:key="item.value"
								:label="item.label"
								:value="item.value">
						</el-option>
					</el-select>
				</el-form-item>
				<el-form-item label="原因" :label-width="formLabelWidth">
					<el-select v-model="cause" placeholder="请选择">
						<el-option
								v-for="item in causes"
								:key="item.value"
								:label="item.label"
								:value="item.value">
						</el-option>
					</el-select>
				</el-form-item>
			</el-form>
			<div slot="footer" class="dialog-footer">
				<el-button @click="dialogFormVisible = false">取 消</el-button>
				<el-button type="primary" @click="changeStatus">确 定</el-button>
			</div>
		</el-dialog>-->
		<template>
		<el-drawer
				title="选择职名(务)"
				:before-close="handleCloseDrawer"
				:visible.sync="dialog"
				direction="rtl"
				custom-class="demo-drawer"
				ref="drawer">
				<div class="demo-drawer__content">
					<!--<el-autocomplete
							v-model="office"
							:fetch-suggestions="querySearchAsync"
							placeholder="请输入内容"
							@select="handleSelect">
					</el-autocomplete>
					<div class="demo-drawer__footer">
						<el-button @click="cancelForm">取 消</el-button>
						<el-button type="primary" @click="changeOffice" >确 定</el-button>
					</div>-->
					<el-form class="form-horizontal" label-width="60px">
						<el-form-item label="职名">
								<el-autocomplete
										v-model="office"
										:fetch-suggestions="querySearchAsync"
										placeholder="请输入内容"
										@select="handleSelect">
								</el-autocomplete>
						</el-form-item>
						<el-form-item >
							<el-button @click="cancelForm">取 消</el-button>
							<el-button type="primary" @click="changeOffice" >确 定</el-button>
						</el-form-item>
					</el-form>
			    </div>
		</el-drawer>
		</template>
		&nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="back" value="返回"/>
	</div>
	<table id="jqGrid"></table>
	<div id="jqGridPager"></div>
</div>

<script src="${request.contextPath}/statics/js/modules/function/emp_change_office_select.js?_${.now?long}"></script>
</body>
</html>